<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>bootstrap Demo</title>
    <link rel="stylesheet" href="./styles/bootstrap.min.css">
    <link rel="stylesheet" href="./styles/font-awesome.min.css">
    <link rel="stylesheet" href="./styles/orderManagement.css">
</head>

<body>

<!-- 导航go -->
<div class="all_nav navbar navbar-default navbar-fixed-top" id="navbar" role="navigation">
    <div class="container">
        <div class="col-md-2">
            <a href="javascript: void(0);">HeiKiz</a>
        </div>
        <div class="col-md-8">
            <ul class="nav_show nav navbar-nav">
                <li>
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <a href="./servar_aboutServer.html">服务商管理</a>
                </li>
                <li>
                    <a href="./institution_aboutInstitution.html">机构管理</a>
                </li>
                <li>
                    <a href="./teacher_teacherIndex.html">师训管理</a>
                </li>
                <li>
                    <a class="nav_choose" href="./order_orderManagement.html">订单管理</a>
                </li>
                <li>
                    <a href="./data_statisticalData.html">数据统计</a>
                </li>
            </ul>
        </div>
        <div class="use_info col-md-2">
            <a href="javascript: void(0);" id="dropdownMenu1" data-toggle="dropdown">
                <img class="user_img" src="./images/timg.jpg">
                <p class="user_name">开心麻花</p>
                <span class="caret"></span>
            </a>
            <ul id="dropdown_menu" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                <li role="presentation">
                    <a id="id1" role="menuitem" tabindex="-1" href="javascript: void(0);">保存密码</a>
                </li>
                <li role="presentation">
                    <a id="id2" role="menuitem" tabindex="-1" href="javascript: void(0);">退出账号</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 导航 end -->

<!-- 师训详情 -->
<div class="no_shipped_wrap container">
    <div class="list_search row clearfix">
        <!-- 搜索框 -->
        <div class="form-group pull-left">
            <input id="search_teacherList" type="text" class="form-control" id="" placeholder="输入名称或手机号进行搜索">
        </div>
        <div id="add_teacher" class="title_button pull-right" data-toggle="modal" data-target="#purchaseModal">购买</div>

    </div>
    <div class="row">
        <!-- table 部分 -->
        <div class="table_body" id="table_body">
            <table class="table table-hover">
                <thead>
                <tr>
                    <th class="col-md-1">订单类型</th>
                    <th class="col-md-1">数量</th>
                    <th class="col-md-1">金额</th>
                    <th class="col-md-2">状态</th>
                    <th class="col-md-1">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>非洲鼓</td>
                    <td>138</td>
                    <td>400</td>
                    <td>待支付</td>
                    <td>
                        <a class="goDetail" href="javascript: void(0);">查看详情</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>


<!-- 添加师训账号 模态框 -->
<div class="modal fade clearfix text-center" id="addTeacherModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="display: inline-block; width: auto;">
        <div class="modal-content" style="width: 300px">
            <div class="modal-header">
                <h4 class="modal-title text-center">添加师训账户</h4>
            </div>
            <div class="modal-body clearfix">
                <div class="col-md-12">
                    <div class="form-group">
                        <input id="addTeacherNumber" type="text" class="form-control" placeholder="请输入需要添加的数量">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" id="addTeacherTrue" class="btn btn-primary center-block" data-dismiss="modal">确认
                </button>
            </div>
        </div>
    </div>
</div>


<!-- 进货 模态框-->
<div class="modal fade col-md-8 col-md-offset-2" id="purchaseModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content clearfix">
            <div class="modal-header">
                <h4 class="modal-title text-center">进货</h4>
            </div>
            <div class="purchaseModal_body modal-body clearfix">
                <div class="purchaseModal_style col-md-10 col-md-offset-1">
                    <p class="col-md-4">订单类型：</p>

                    <div class="form-group col-md-8 row">
                        <select class="form-control">
                            <option value="0">订单类型</option>
                            <option value="1">金贝股</option>
                            <option value="2">教材</option>
                            <option value="3">老师账号</option>
                            <option value="4">签约机构</option>
                        </select>
                    </div>
                </div>
                <div class="purchaseModal_style col-md-10 col-md-offset-1">
                    <p class="col-md-4">数量：</p>

                    <div class="form-group col-md-8 row">
                        <input type="text" class="form-control" placeholder="输入数量">
                    </div>
                </div>
                <div class="purchaseModal_style col-md-10 col-md-offset-1">
                    <p class="col-md-4">数量：</p>

                    <div class="form-group col-md-8 row">
                        <textarea class="form-control" rows="3" placeholder="需要输入备注信息"></textarea>
                    </div>
                </div>
                <div class="bottom_top col-md-10 col-md-offset-1 border-bottom"></div>

                <div class="purchaseModal_money col-md-10 col-md-offset-1 clearfix">
                    <p>订单金额：</p>
                    <p>￥<span>34000</span></p>
                </div>
            </div>
            <div class="btn_group col-md-8 col-md-offset-2 clearfix">
                <a class="purchase_cancel btn pull-left" data-dismiss="modal">取消</a>
                <a class="purchase_pay btn pull-right" data-dismiss="modal">立即支付</a>
            </div>
        </div>
    </div>
</div>

</body>

<script src="./javascripts/jquery-1.9.1.min.js"></script>
<script src="./javascripts/bootstrap.min.js"></script>

<script type="text/javascript">
    $(function () {
        // 导航选项 点击
        $(".nav_show>li a").click(function () {
            console.log($(this).index());
            $(this).addClass('nav_choose')
                .parent("li").siblings().find("a")
                .removeClass('nav_choose');
        })
        // 删除
        $("#table_body").on("click",".goDetail",function(){
            console.log("--------")
        })


    })
</script>
</body>

</html>